<template>
    <div class="feedback">
      <div class="top">
        <textarea class="msg" placeholder="请您输入您的意见与反馈，我们将第一时间告知相关工作人员。"></textarea>
      </div>
      <div class="center">
        <div class="title">请上传您需反馈的相关图片</div>
        <div class="upload"></div>
      </div>
      <div class="bottom">
        <button class="smt">确认提交</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "feedback"
    }
</script>

<style scoped lang="stylus">
  .feedback
    height calc(100% - 44px)
    padding 10px
    background #f6f6f6
    .top
      background #ffffff
      height 151px
      padding 10px
      font-size 0
      border-radius 6px
      .msg
        width 100%
        height 100%
        border none
        outline none
        resize none
        padding 0
        margin 0
        color #333333
        line-height 20px
        font-size 14px
        &::placeholder
          color #737373
          line-height 20px
          font-size 14px
    .center
      background #ffffff
      height 146px
      border-radius 6px
      padding 10px
      margin-top 10px
      text-align center
      .title
        height 20px
        line-height 20px
        text-align left
        color #737373
        font-size 14px
      .upload
        margin 14px auto 0 auto
        width 212px
        height 110px
        background #D2D2D2 url("upload@2x.png") no-repeat center/60px
    .bottom
      margin-top 100px
      .smt
        width 100%
        height 44px
        font-size 17px
        color #ffffff
        border 0
        border-radius 6px
        outline none
        background #49A2FE
</style>
